<template>
  <div class="pg-homepage">
    <div class="pg-homepage__count"
      layout layout-wrap layout-align="between center">
      <el-card class="pg-homepage__count-card">1</el-card>
      <el-card class="pg-homepage__count-card">2</el-card>
      <el-card class="pg-homepage__count-card">3</el-card>
      <el-card class="pg-homepage__count-card">4</el-card>
    </div>
  </div>
</template>

<script>
export default {
  name: 'PgHomepage',
  data () {
    return {
    }
  }
}
</script>

<style lang="scss">
@import "src/styles/config/views.scss";

@include b(homepage) {

  @include e(count) {
    width: 100%;
  }
  @include e(count-card) {
    min-width: 300px;
  }
}
</style>